<!DOCTYPE html>
<html>
<head>
  <meta content="text/html;charset=UTF-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <title>国家公路网综合养护管理系统</title>
  <link rel="shortcut icon" th:href="@{/common/images/logo.png}" />
  <!-- Tell the browser to be responsive to screen width -->
  <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" th:href="@{/plugins/layui/css/layui.css}"/>
  
</head>
<body  class="layui-layout-body"  style="overflow:hidden">
 <div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo"  style="width: 300px;" ><img alt="" th:src="@{/common/images/logo.png}"/> 国家公路网综合养护管理系统</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
	     
    </ul>
    <ul class="layui-nav layui-layout-right">
    <li class="layui-nav-item" th:each="mods:${user.modules}" th:if="${#lists.size(#strings.listSplit(mods.parentIds,',')) eq 2}" >
	           <a th:href="@{/index(sysId=${mods.id})}" th:text="${mods.moduleName}"></a>
	     </li>
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img th:src="@{/dist/img/avatar04.png}"  class="layui-nav-img" />
   管理员
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">基本资料</a></dd>
          <dd><a href="">安全设置</a></dd>
          <dd><a href="">退出</a></dd>
        </dl>
      </li>
    </ul>
  </div>
  <div class="main-frame" id="main-frame">
	  <div class="layui-side layui-bg-black" >
	    <div class="layui-side-scroll">
	      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
	      <ul class="layui-nav layui-nav-tree"  lay-filter="test" id="side-menu">
	        <li class="layui-nav-item" th:if="${sysId ne null}" th:each="pas:${user.getNextModules(sysId)}" >
	          <a  href="javascript:void(0);" ><i class="layui-icon layui-icon-component"></i>
                        	<span class="nav-label" th:text="${pas.moduleName}"></span></a>
	          <dl class="layui-nav-child">
	          	  <dd  th:id="${'item_'+item.id}"  th:each="item:${user.getNextModules(pas.id)}">
	          	  					<!-- 如果是叶子节点，且有所属的平台， 则直接拼接平台url+link -->
                                	<a class="J_menuItem" th:if="${user.isLeaf(item.id) eq '1'} and ${item.serverId ne null}" th:href="${item.serverId+'/'+item.moduleLink}" th:id="${'item_'+item.id}">
                                		<span class="nav-label" th:text="${'&nbsp;&nbsp;' +item.moduleName}"></span></a>
                                	<!-- 如果是叶子节点，且属于默认平台， 则直接显示link -->	
                                	<a class="J_menuItem" th:if="${user.isLeaf(item.id) eq '1'} and ${item.serverId eq null}"  th:href="${item.moduleLink}" th:id="${'item_'+item.id}">
                                		<span class="nav-label" th:text="${'&nbsp;&nbsp;' +item.moduleName}"></span></a>
                                	
                                	<!-- 如果不是叶子节点，则直接显示，不添加link地址 -->
                                	<a   th:if="${user.isLeaf(item.id) eq '0'}"  href="javascript:void(0);" th:onclick="'javascript:togglethree(\''+${item.id}+'\');'"  >
                                		<span class="nav-label" th:text="${'&nbsp;&nbsp;' +item.moduleName}"></span></a>
                                
                                
                                <!-- 三级菜单 -->	
                                <dl  style="display: none;"  class="layui-nav-child"  th:each="three:${user.getNextModules(item.id)}" th:if="${three.isMenu eq '1'}">
                                    <dd style="padding-left: 15px;">
                                    	<a  class="J_menuItem" th:href="${three.moduleLink}" th:id="${'item_'+three.id}"  >
                                    		<span th:text="${three.moduleName}"></span></a>
                                    </dd>
                                </dl>
                                
                   </dd>
	          </dl>
	        </li>
	      </ul>
	    </div>
	  </div>
	   <!-- 内容主体区域 -->
	  <div id="body-frame"  style="padding-left: 225px;">
	  	<!-- 选项卡 -->
	  	     <div class="row content-tabs">
                <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
                </button>
                <nav class="page-tabs J_menuTabs">
                    <div class="page-tabs-content">
                        <a href="javascript:;" class="active J_menuTab" data-id="appli">首页</a>
                    </div>
                </nav>
                <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
                </button>
                <div class="btn-group roll-nav roll-right">
                    <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>

                    </button>
                    <ul role="menu" class="dropdown-menu dropdown-menu-right">
                        <li class="J_tabShowActive"><a>定位当前选项卡</a>
                        </li>
                        <li class="divider"></li>
                        <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
                        </li>
                        <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
                        </li>
                    </ul>
                </div>
            </div>
		    <!-- 内容页面 -->
		    <div id="main-frame"  style="padding: 5px;width: 100%;height: 100%;">
		    	 <iframe id="mainiframe"  name="iframe0" width="100%" height="100%" th:src="@{/gist/index}"  frameborder="0" data-id="appli" seamless="seamless"></iframe>
		    </div>
	  </div>
  </div>
   <div class="layui-footer-all" style="padding-left: 230px;" >
	    <!-- 底部固定区域 -->
	    © lwjc.sub.xjjt.gov.cn - 交通运输部路网监测与应急处置中心
	</div>
</div>
  <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"/>
<link rel="stylesheet" th:href="@{/plugins/layui/css/layui.css}"/>
  <link rel="stylesheet" th:href="@{/common/js/miniui/res/font-awesome/css/font-awesome.min.css}"/>
  <link th:href="@{/common/css/animate.css}" rel="stylesheet" />
  <link th:href="@{/common/css/style.css}" rel="stylesheet" />
  <!-- jQuery 2.2.3 -->
  <script th:src="@{/plugins/jQuery/jquery-2.2.3.min.js}"></script>
   <script th:src="@{/plugins/jQuery/jquery.cookie.js}"></script>
  <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
  <script th:src="@{/plugins/metisMenu/jquery.metisMenu.js}"></script>
  <script th:src="@{/plugins/slimScroll/jquery.slimscroll.min.js}"></script>
 <script th:src="@{/plugins/layui/layui.js}" type="text/javascript"></script>
 <script th:src="@{/common/js/jquery-3.2.1.min.js}" type="text/javascript"></script>
  <script th:src="@{/common/js/hplus.js}"></script>
  <script th:src="@{/common/js/contabs.js}"></script>
 <script  th:inline="javascript" type="text/javascript">
 /*<![CDATA[*/
var basePath = /*[[@{/}]]*/
	 
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  
});
 
 function togglethree(itemid){
	 $("#item_"+itemid +" dl").toggle();
 }

 

 var wh = $(window).height();
  
  $(function(){
 	 $("#body-frame").css("height",wh-110+'px');
  });
  

  $(window).resize(function() {
 	 $("#body-frame").css("height",wh-110+'px');
  });

  
/* function logout(){
	layer.confirm('确定退出系统？', {
		  title:"提醒",
		  btn: ['退出','取消'] //按钮
		  ,closeBtn: 0
		}, function(){
		  location.href=basePath+"logout";
		}, function(){
		  
		});
} */
/*]]>*/
</script>
</body>
</html>